@CHARSET "UTF-8";

/* 
 *  全局样式
 *  ---------------------------------------
 *  作者: haibao(http://smwell.sinaapp.com/)
 *  时间: 2015-1-27
 *  企鹅：964279742
 *  创意源于生活，代码如诗从你我开始
 *  OOCSS虽好，需培养，需规范，需慢慢品尝 top:-600px;
 */
html {
	width: 100%;
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-family: "微软雅黑", 'microsoft yahei', Arial, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: url('../img/ai.png') no-repeat center center;
	background-size: cover;
	opacity: 0.1
}

img {
	border: 0 none;
	max-width: 100%;
	height: auto;
	width: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

.box {
	width: 100%;
	height: 100%;
}

#finger {
	width: 100%;
	height: 180px;
	position: absolute;
	text-align: center;
}

#finger_box {
	width: 100%;
	height: 100%;
	position: relative;
}

#line {
	width: 100%;
	height: 37px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -50%;
	display: none;
	-webkit-animation: line 1.4s infinite;
	animation: line 1.4s infinite;
}

#info {
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: red;
	font-size: 3.6em;
}

@keyframes line {
	0% {
		transform: translateY(-400px);
	}

	50% {
		transform: translateY(400px);
	}

	100% {
		transform: translateY(-400px);
	}
}

@-webkit-keyframes line {
	0% {
		-webkit-transform: translateY(-400px);
	}

	50% {
		-webkit-transform: translateY(400px);
	}

	100% {
		-webkit-transform: translateY(-400px);
	}
}

.center {
	position: absolute;
	top: calc(50% - 80px);
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 999999;
}

.center1 {
	margin-top: 200px;
	width: 100%;
	text-align: center;
	z-index: 999999;
}

.overLoading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f5f5f5;
	opacity: 0.5;
	z-index: 1000;
}

.layoutLoading {
	display: none;
	position: absolute;
	top: 40%;
	left: 40%;
	width: 20%;
	height: 20%;
	z-index: 1001;
	text-align: center;
}
